body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
page{
	font-family: "苹方";
	background: #ffffff;
	padding-bottom: 50rpx;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.van-nav-bar__left:active,
.van-nav-bar__right:active {
  opacity: 1;
}
[class*='van-']::after {
  border-bottom: 0;
}
.w_100{
	width: 100%;
}
.relative{
	position: relative;
}
.top_absolute{
	position: absolute;
	top: calc(var(--status-bar-height) + 44px);
	left: 0;
	width: 100%;
	z-index: 1;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-1{
	flex: 1;
}
.flex-wrap {
   display: flex;
   flex-wrap: wrap; /* 换行 */
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
.text-bold{
	font-weight: 700;
}
.text-center{
	text-align: center;
}
/* 字体大小 */
.f18{
	font-size: 18rpx;
}
.f20{
	font-size: 20rpx;
}
.f22{
	font-size: 22rpx;
}
.f24{
	font-size: 24rpx;
}
.f25{
	font-size: 24rpx;
}
.f26{
	font-size: 26rpx;
}
.f28{
	font-size: 28rpx;
}
.f30{
	font-size: 30rpx;
}
.f32{
	font-size: 32rpx;
}
.f34{
	font-size: 34rpx;
}
.f36{
	font-size: 36rpx;
}
.f38{
	font-size: 38rpx;
}
.f40{
	font-size: 40rpx;
}
.f48{
	font-size: 48rpx;
}
.f60{
	font-size: 60rpx;
}
/* 边距 */
.plr30{
	padding: 0 30rpx;
	box-sizing: border-box;
}
.plr22{
	padding: 0 20rpx;
	box-sizing: border-box;
}

.ml10{
	margin-left: 10rpx;
}
.ml15{
	margin-left: 15rpx;
}
.ml20{
	margin-left: 20rpx
}
.ml25{
	margin-left: 25rpx;
}
.ml30{
	margin-left: 30rpx;
}
.ml32{
	margin-left: 32rpx;
}
.ml50{
	margin-left: 50rpx;
}
.ml80{
	margin-left: 80rpx;
}
.mr30{
	margin-right: 30rpx;
}
.mr20{
	margin-right: 20rpx;
}
.mt6{
	margin-top: 6rpx;
}
.mt8{
	margin-top: 8rpx;
}
.mt10{
	margin-top: 10rpx;
}
.mt15{
	margin-top: 15rpx;
}
.mt20{
	margin-top: 20rpx;
}
.mt25{
	margin-top: 25rpx;
}
.mt30{
	margin-top: 30rpx;
}
.mt40{
	margin-top: 40rpx;
}
.mt50{
	margin-top: 50rpx;
}
.mb10{
	margin-bottom: 10rpx;
}

.pl10{
	padding-left: 10rpx;
}
.pl15{
	padding-left: 15rpx;
}
.pl20{
	padding-left: 20rpx
}
.pl25{
	padding-left: 25rpx;
}
.pl32{
	padding-left: 32rpx;
}
.pl50{
	padding-left: 50rpx;
}
.pl80{
	padding-left: 80rpx;
}
.pt6{
	padding-top: 6rpx;
}
.pt8{
	padding-top: 8rpx;
}
.pt10{
	padding-top: 10rpx;
}
.pt15{
	padding-top: 15rpx;
}
.pt20{
	padding-top: 20rpx;
}
.pt25{
	padding-top: 25rpx;
}
.pt30{
	padding-top: 30rpx;
}
.pt40{
	padding-top: 40rpx;
}
.pt50{
	padding-top: 50rpx;
}
.pb10{
	padding-bottom: 10rpx;
}

.color-fff{
	color: #ffffff;
}
.color-000{
	color: #000000;
}
.color-666{
	color: #666666;
}
.color-888{
	color: #888888;
}	
.color-999{
	color: #999999;
}
.color-3F69FF{
	color:#3F69FF;
}
.color-E5E5E5{
	color:#E5E5E5;
}
.color-003E2E{
	color:#003E2E;
}
.color-007E43{
	color:#007E43;
}